<!--
	Created by   : jishasha
	Created time : 2017/05/04
	File explain : 趋恒材料卖家PC端 施小包账户 > 银行卡管理
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>施小包账户 - 交易记录</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="mater-deal-record.css">
</head>
<body>
<div class="index-container">
	<div id="app0"><my-header v-bind:username="message"></my-header></div>
	<div id="appMenu" class="index-aside-nav"><my-menu v-bind:username="message"></my-menu></div>
	<div class="cmn-main">
	  <!-- 页头部分  包括：面包屑内容 -->
	  <header class="cmn-header">
		<div class="cmn-breadcrumb">
		  <ul class="cmn-crumb">
			<li>
			  <a class="cmn-root-breadcrumb" href="javascript:void(0)">
				<span id="id-projectName">我的账户</span>
			  </a>
			</li>
			<li>
			  <i class="icon icon-angle-right"></i>
			  <a class="cmn-root-breadcrumb" href="javascript:void(0)">账单</a>
			</li>
		  </ul>
		</div>
	  </header>
	  <!-- 页面主体 -->
	  <div>
		<div class="bank-balance">
		  可用余额 :
		  <span class="bank-balance-num"></span>
		  元
		</div>
		<div class="bank-term">
		  <div class="bank-time">
			<div class="cmn-query-time cmn-query-search">
			  <span>时间 :</span>
			  <div class="cmn-query-input">
				<input class="cmn-query-import form-date beginTime"  readonly/>
			  </div>
			</div>
			<div class="cmn-query-time cmn-query-search">
			  <span>&nbsp;&nbsp;至</span>
			  <div class="cmn-query-input">
				<input class="cmn-query-import form-date endTime"  readonly/>
			  </div>
			</div>
			<div class="bank-time-scope cmn-query-search">
			  <span><span class="bank-month today">今天 </span><span class="bank-line">|</span> 最近 :</span>
			  <span data-time="1" class="bank-month mouth active">1个月</span>
			  <span data-time="3" class="bank-month mouth">3个月</span>
			  <span data-time="6" class="bank-month mouth">6个月</span>
			  <span data-time="12" class="bank-month mouth">1年</span>
			</div>
		  </div>
		  <div class="bank-type">
			<span class="bank-list-title">类型 :</span>
			<span class="bank-month active" data-trade="">全部</span>

		  </div>
		  <div class="bank-status">
			<span class="bank-list-title">状态 :</span>
			<span class="bank-month active" data-states="">全部</span>

		  </div>
		</div>
		<!-- bootstrapTable 服务器分页 开启分页模式-->
		<table class="table cmn-bank-table" id="id-trading-record"
			   data-pagination="true"
			   data-side-pagination="server"
			   data-unique-id="id"
			   data-striped="true">
		  <thead class="cmn-bank-head">
		  <tr>
			<th data-field="createdAt" data-align="center" data-valign="middle" data-width="13%">交易时间</th>
			<th data-field="tradeSn" data-align="center" data-valign="middle" data-width="12%">交易号</th>
			<th data-align="center" data-valign="middle" data-formatter="tradeTypeFmt">交易类型</th>
			<th data-field="amount" data-align="right" data-valign="middle">金额(元)</th>
			<th data-field="status" data-align="center" data-valign="middle">状态</th>
			<th data-align="center" data-valign="middle" data-formatter="handleFmt">操作</th>
		  </tr>
		  </thead>
		</table>
		<div class="cmn-table-pager"></div>
	  </div>
	</div>
</div>

<script data-main="mater-deal-record" src="../../libs/require.js"></script>
</body>
</html>